<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>表单练习</title>
</head>

<body>
    <form name="产品订购表单" method="get" id="aa"></form>
    <table border="1" style="width: 500px;" cellspacing="1" align="center">
        <thead align="center">
            <tr style="height: 28px">
                <th colspan="4">产品订购</th>
            </tr>
        </thead>
        <tbody>
            <tr style="height: 28px">
                <td width="12%" style="text-align-last: justify">姓名</td>
                <td width="38%"><input type="text" size="14px" name="姓名" form="aa"></td>
                <td width="12%" style="text-align-last: justify">联系电话</td>
                <td width="38%"><input type="tel" size="14px" name="电话" form="aa"></td>
            </tr>
            <tr style="height: 28px">
                <td width="12%" style="text-align-last: justify">产品名称</td>
                <td colspan="3"><input type="text" size="38px" form="aa"></td>
            </tr>
            <tr style="height: 28px">
                <td width="12%" style="text-align-last: justify">付款方式</td>
                <td colspan="3"><input type="radio" value="微信" name="付款方式" form="aa">微信<input type="radio" value="支付宝" name="付款方式" form="aa">支付宝<input type="radio" value="到货付款" name="付款方式" form="aa">到货付款</td>
            </tr>
            <tr style="height: 28px">
                <td width="12%" style="text-align-last: justify">关注产品</td>
                <td colspan="3"><input type="checkbox" value="家具" name="关注产品" form="aa">家具<input type="checkbox" value="家电" name="关注产品" form="aa">家电<input type="checkbox" value="服装" name="关注产品" form="aa">服装<input type="checkbox" value="化妆品" name="关注产品" form="aa">化妆品</td>
            </tr>
            <tr style="height: 28px">
                <td width="12%" style="text-align-last: justify">地址</td>
                <td colspan="3">
                    <select name="地址段1" size="1" form="aa">
                    <option value="广东">广东</option>
                    <option value="上海">上海</option>
                    <option value="北京">北京</option>
                    <option value="南京">南京</option>
                    <option value="重庆">重庆</option>
                    <option value="江西">江西</option>
                    <option value="云南">云南</option>
                </select>
                    <select name="地址段2" size="1" form="aa">
                    <option value="广州">广州</option>
                    <option value="上海市">上海市</option>
                    <option value="北京市">北京市</option>
                    <option value="南京市">南京市</option>
                    <option value="重庆市">重庆市</option>
                    <option value="深圳市">深圳市</option>
                    <option value="南昌市">南昌市</option>
                </select>
                    <input type="text" size="24px" name="地址段3" form="aa">
                </td>
            </tr>
            <tr style="height: 100px">
                <td width="12%" style="text-align-last: justify">备注</td>
                <td colspan="3"><textarea placeholder="请输入备注" name="备注" rows="6" cols="30" style="margin: 0px; width: 426px; height: 89px;" form="aa"></textarea></td>
            </tr>
        </tbody>
        <tfoot>
            <tr style="height: 28px">
                <td colspan="4" align="center">
                    <input type="submit" value="提交" form="aa" />
                    <input type="reset" value="重置" form="aa" />
                </td>
            </tr>
        </tfoot>
    </table>
</body>

</html>